﻿@{
    ViewData["Title"] = "注册";
    Layout = null;
    @using System.Net

}
<!DOCTYPE html>
<html lang="zxx">
<head>

    <title>二手书交易系统</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <!-- //Meta tag Keywords -->
    <link href="//fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
    <!--/Style-CSS -->
    <link rel="stylesheet" href="~/css/LoginStyle.css" type="text/css" media="all" />
    <!--//Style-CSS -->
    <style>
        body {
            background-image: url(../images/3.jpg);
            /* 背景图垂直、水平均居中 */
            background-position: center center;
            /* 背景图不平铺 */
            background-repeat: no-repeat;
            /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
            background-attachment: fixed;
            /* 让背景图基于容器大小伸缩 */
            background-size: cover;
            /* 设置背景颜色，背景图加载过程中会显示背景色 */
            background-color: #464646;
        }
    </style>
</head>

<body>
    <!-- form section start -->
    <section class="w3l-workinghny-form">
        <!-- /form -->
        <div class="workinghny-form-grid">
            <div class="wrapper" style="background-color:rgba(255,255,255,0.7);">
                <div class="logo">
                    <h1><a class="brand-logo" href="/Home/index" style="margin-top:0.5em;"> 二手书销售平台</a></h1>
                    <!-- if logo is image enable this
                        <a class="brand-logo" href="#index.html">
                            <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
                        </a> -->
                </div>
                <div class="workinghny-block-grid">
                    <div class="workinghny-left-img align-end">
                        <img src="~/images/2.png" class="img-responsive" alt="img" />
                    </div>
                    <div class="form-right-inf">

                        <div class="login-form-content">
                            <form action="/Home/RegisterAccount" class="signin-form" method="post">
                                <div class="one-frm">

                                    <label>用户名:</label>
                                    <input type="text" name="Username" placeholder="请输入用户名" required>
                                </div>
                                <div class="one-frm">
                                    <label>密码:</label>
                                    <input type="password" name="Password" placeholder="请输入密码" required>
                                </div>
                                <div class="one-frm">
                                    <label>确认密码:</label>
                                    <input type="password" name="ConfirmPassword" placeholder="请确认密码" required>
                                </div>
                                <div class="one-frm">
                                    <label>手机号码:</label>
                                    <input type="number" name="Tel" min="10000000000" max="19999999999" placeholder="请输入手机号" required>
                                </div>
                                <button class="btn btn-style mt-3">注册 </button>
                                <p class="already">已有账号? <a href="/Home/Index">立即登录</a></p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- //form -->
    </section>
    <!-- //form section start -->
    @if (TempData["RegisterFail"] != null)
    {
        var message = TempData["RegisterFail"].ToString();
        <script type="text/javascript">
            alert('@Html.Raw(message)');
            history.go(-1);
        </script>
    }
    
</body>

</html>
